<template>
  <div class="service">
    <div class="serviceMain">
      <div class="serviceTop clearfix">
        <h2 class="fl">客服中心</h2>
      </div>

      <div class="serviceInfo">
          <div class="servText">
            <p class="servNote">如果您希望得到我们的售后技术支持、售后服务或在合同履行过程中有任何疑问和问题，欢迎垂询！</p>
            <p>客服电话：4000270009</p>
            <p>客服Q Q：</p>
            <p>客服邮箱：</p>
            <p>我们收到您的反馈后会在24小时内予以答复。</p>
          </div>
      </div>

      <div class="backBox">
          <input type="button" value="返回" @click="$router.go(-1)"/>
      </div>

    </div>
    <p class="service_footer">Copy Right © Bossien All Rights Reserved 武汉博晟安全技术股份有限公司 版权所有</p>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  mounted(){
      if (!localStorage.token) { // 判断当前的token是否存在 ； 登录存入的token
       this.$message.warning('请登录后查看')
         this.$router.push('login')
     }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less' scoped>
.service {
  height: 100%;
  min-height: 768px;
  width: 100%;
  background: url("../../../static/images/loginBg.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  .serviceMain {
    background: #fff;
    width: 1100px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
    top: 48%;
    margin-top: -325px;
    padding-bottom: 60px;
    .serviceTop {
      padding: 30px 42px 0 35px;
      margin-bottom: 50px;
      h2 {
        font-size: 16px;
        font-weight: bold;
      }
    }
    .serviceInfo{
        height: 397px;
        background: url('../../../static/images/customer.png') no-repeat 110px center;
        margin-bottom: 50px;
        .servText{
            padding-top: 70px;
            .servNote{
                margin-bottom: 50px;
            }
            float: right;
            width: 350px;
            margin-right: 110px;
            color: #666;
            line-height: 36px;
        }
    }
    .backBox{
        text-align: center;
        >input{
            background: url('../../../static/images/backBtn.png') no-repeat;
            border: none;
            height: 42px;
            width: 125px;
            color: #4080ff;
            padding-left: 15px;
            cursor: pointer;
        }
        >input:hover{
            opacity: .8;
        }
    }
  }
  .service_footer {
    position: absolute;
    bottom: 3%;
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #888;
  }
}
</style>
